قالب بلوجر لعرض خدماتك على مدونة الشباب العربى للمعلوميات

السلام عليكم ورحمة الله تعالى وبركاته

  قالب جميل واحترافي لعرض الأعمال والخدمات  ،
حيث يمكنك عرض خدماتك وعرضها علي الجميع وامكانية تسهيل الخدمات للاعضاء والزبائن كما يمكنك ايضا الربح منه عن طريق الافليت حيث تقوم بعرض خدمات اخري لاشخاص علي خمسات بجانب خدماتك واعمالك وتكون خدمات مميزة ومطلوبة بكثرة وبذلك تكون ربحت من الافليت وعرض خدماتك .
 أتمنى أن ينال إعجابكم.

اسم القالب :/ قالب أعمالي

تاريخ التعريب والتطوير :/ 02,01,2014

وصف القالب :/ قالب مميز جدا واحترافي لعرض أعمالك الخاصة، يشبه الى حد كبير القوالب المدفوعة والمطلوبة من طرف مستخدمي بلوجر.

قالب بلوجر عرض خدمات خمسات مجانا

معاينة القالب I تحميل القالب

وطبعا لتعديل الكلمات في الرئيسية والروابط، قم بالبحث عن الكلمات واجعلها كما تناسبك ،

بانتظار تعليقاتكم علي التدوينة وهذا الموضوع

Eslam Ahmed

12:51 م

الموضوع كامل

كيفية انشاء مدونة بلوجر Blogger على مدونة الشباب العربى للمعلوميات

كيفية انشاء مدونة بلوجر Blogger

اردت من خلال هذا الموضوع "شرح كيفية انشاء مدونة " ، نظرا الى أن أول شئ يفكر فيه وافد جديد الى عالم التدوين هو "انشاء مدونة" ، و لكن أردت أنا هذا الشرح أن يكون بالضبط في بلوجر-Blogger و ذلك بصفتي أحد المدونين في Blogger هذا من جهة ومن جهة أخرى للمزايا الرائعة التي تتمتع بها خدمات Blogger لكل مدوناتها و سوف نتطرق لهذا الموضوع في الأيام المقبلة بإذن الله ، و رسالتي هذه لكل المدونين الجدد ... فأنا أنصحكم بتجربة Blogger بدلا من وورد برس - Wordpress و باقي شركات استضافة المدونات ، و هذا طبعا من باب تجربتي و أنتم أحرار في الإختيار .

لإنشاء مدونة في بلوجر-Blogger يشترط أولا و قبل كل شئ أن يكون لديك حساب جوجل-google لأن بلوجر-Blogger تابعة أصلا للشركة الضخمة google ، و لإنشاء هذا الحساب يتطلب منا فقط فتح حساب في بريد g-mail و الذي يمكنك هذا الأخير من المشاركة في باقي خدمات google ، و سوف أقوم بشرح ذلك و بالتفصيل الممل من كيفية فتح حساب في جوجل-google الى غاية انشاء مدونة في بلوجر و هي طريقة سهلة جدا فقد تتبع معي 

الشرح

رابط انشاء حساب جيميل

اضغط هنا

رابط انشاء مدونة بلوجر

اضغط هنا 

Eslam Ahmed

8:03 ص

الموضوع كامل

3وسائل لزيادة عدد الزوار في مدونتك

لماذا نقوم بعمل مواقع على شبكة الانترنت؟ الغرض من إنشاء المواقع هو لكسب الزيارات بل وأعلى نسبة ممكنة من الزيارات لهذا الموقع. كيف يمكنك زيادة حركة المرور على موقع الويب الخاص بك؟عليك اكتشاف طرق خلاقة مختلفة لرفع حجم عدد من الزوار على موقع الويب الخاص بك. بعض هذه الطرق قد تكون مدفوعة ومكلفة بعض الشيء بينما البعض الآخر مجاني تماماً وما يهتمنا بالطبع هو الأمور المجانية كبداية.

تحسين وجود موقعكم على الانترنت هو واحد من الأساليب الفعالة لزيادة حركة الزوار . الآن،السؤال هو، كيف يمكنك تحسين وجودك في عالم الإنترنت.

طريقة زيادة نسبة الزوار

  نوعية وجودة المحتوى ، كتابة حصرية ، مجاني

أول سؤال يطرح هنا ببساطة، ما الذي يمكن تقديمه لجذب الزوار إلى الموقع؟ عند تقديم شيء لا يستطيع الآخرون تقديمه سوف تجذب نسبة زوار عالية مقارنة بغيرك. تقديمك مواد عالية الجودة ستطيح بمنافسيك واحد تلو الآخر. للتأكد من أنك تقوم بإنشاء محتوى فريد، اتبع هذه القواعد.

ينبغي أن يكون المحتوى الخاص بك طازجاً ويت تحديثه بانتظام بحيث يأتي الزوار إلى موقعك بشكل متكرر. إذا كان ذلك ممكناً، يجب عليك الحفاظ على إضافة محتوى جديد في بين الفترة والأخرى ضمن موعد زمني ثابت ليعتاد عليه زوار الموقع.

من أجل الحصول على موقع ناجح على شبكة الإنترنت، يجب عليك التأكد من أن أياً من الروابط التي تصل إلى صفحات على موقعك داخلية كانت أو خارجة لم يتم كسرها برموز خطأ أبرزها 404 وهو عدم وجود الصفحة. يمكنك بعد إصلاح الأخطاء إرسال ملف sitemap.xml لجوجل حتى يتم تحديث روابط الموقع الخاص بك.

أشرطة الفيديو هي أكثر جاذبية من الكلمات، لذلك يجب أن تشمل فيديو واحد في الصفحة التي يصل إليها الزوار. ففي معظم الحالات، يتضح أن شريط فيديو الذي يحوي مواد معينة مرتبطة بعنوان الموقع يمكن أن تزيد من عدد الزوار بشكل ملحوظ جداً.

عندما تكتب المحتوى، تأكد من أن تكون كل المواضيع في التدوينة ذات صلة للقراء. ببساطة ترقيع المعلومات من مواقع مختلفة لا يمكن أن تولد حركة زوار جيدة بالنسبة لك. وينبغي أن يتضمن المحتوى الخاص بك المعلومات التي يمكن أن تحقق بعض الأهداف، وإعطاء حل لمشكلة معينة، عدم إشعار القارء بالملل عند القراءة ويكون ذلك إما بتقديم أخبار ذات جودة عالية أو لديه بعض الفكاهة في طريقة كتابته .

المزيد من الروابط الخارجية القادمة لموقعك

عندما يشر أحد الأشخاص المعجبين بمدونتك إليها في أحد مشاركاته سيكون ذلك له أسبابه، فكيف نجعل المدونة الخاصة بنا لافتة للمدونين ليشيروا إليها في تدويناتهم ، ولتحقيق ذلك سنتبع عدداً من الأمور أهمها :

إجعل أحدد المدققين اللغويين يراجعون كتابات موقعك – فإذا وجد أن موقعك ضعيف من ناحية العامل النحوي والإملائي فسيكون له تأثير سلبي على المحتوى بالإضافة إلى الخدمة وموقعك ككل. تأكد من أن المحتوى مكتوب بشكل صحيح وليس هناك أي حكم سلبي عليه من جميع الجوانب .

لا  تعتمد في موقعك عملية النسخ  واللصق من بعض المواقع الأخرى أبداً (بأي شكل من الأشكال ) – محركات البحث المشهورة “جوجل – ياهو – بنج ”  أذكياء جدا في الكشف عن المحتوى غير الأصلي و عمليات النسخ  حتى لو قمت بنسخ فقرات فقط. لذلك، يجب عليك ان تجعل المحتوى الخاص بك فريد من نوعه ومبتكر.

توليد المحتوى التلقائي ” العدو الأول ” هناك بالفترة الأخيرة ثورة جديدة في عالم المحتوى وهي برامج وإضافات تقوم بتوليد محتوى تلقائي، لكن الذي يجهله الكثيرون أن هذا المحتوى هش، وغير متراص، ولا يوضح المعنى المراد من وراء كتابته، لذلك علينا القيام بعملية توليد للمحتوى لكن عن طريق أنفسنا وأعضاء بارزين يمكن الإعتماد عليهم.

 إدخال كلمات مفتاحية ذات صلة بالموضوع

فكرة حشو الكلمات المفتاحية عفى عنها الدهر وسلف، لا تفكر أبداً بأن كثرة استخدام الكلمات المفتاحية في مواضيعك ستفيدك، النتيجة على العكس تماماً، فبعد التطويرات الأخيرة في محرك البحث جوجل أصبح من الصعب تصدر نتائج البحث بكثرة  الكلمات الرئيسية إنما أصبح علينا اتباع نهج مختلف في وضع الكلمات المفتاحية. على سبيل المثال

(لو كتبنا موضوع عن “سيو” نستطيع اختيار عدة كلمات توصل إلى هذا المعنى مثل “تحسين محركات البحث” “SEO” “تقنيات محركات البحث” “محرك البحث الأمثل” كلها عبارات لنفس المعنى من دون تكرار الكلمة عدة مرات. إذا لماذا لا نطبق وضع الكلمات بهذه الطريقة أليس ذلك أفضل وأوسع وأشمل ؟

أيضاً قمنا في موقع بالعربي منذ فترة بوضع جدول يوضح أهم أماكن تموضع الكلمات المفتاحية في المشاركة تابع الجدول معنا :

√ فى انتظار تعليقاتكم المشجعة على تقديم المزيد √

Eslam Ahmed

1:45 م

الموضوع كامل

اضافة سلايد شو الحصريات لمدونات بلوجر

السلام عليكم زوار ومتتبعي مدونةالشباب العربى للمعلوميات اليوم وصل متابعي المدونة 5000 متابع فيسبوك 

بافضل الله وارادته كما اشكر جميع اعضاء المدونة جزيل الشكر وبهذه المناسبة 

سأقدم لكم سلايد شو الحصريات لمدونات بلوجر با شكل حصري 

طريقة تركيب سلايد شو الحصريات

نتوجه الي لوحة التحكم بلوجر >> قالب >>تحرير html 

نبحث عن الوسم التالي 

]]></b:skin>

ونضع فوقه الكود التالي 

.blogbzm{width: 100%;
height: 200px;
margin:4px;
background-color: #007CDD;
border-radius: 5px;
padding: 10px;}.post111{opacity:1;animation:load1 2s;float:left;width:180px;height:180px;background-color:#fff;border-radius:5px;background-image:url(رابط صورة الموضوع);-webkit-animation:load1 7s;-moz-animation:load1 7s;-o-animation:load1 7s;transition:all 400ms ease-in-out 0}.post111:hover{opacity:.7}.post111title{opacity:1;width:180px;height:30px;background-color:rgba(39,39,39,.36);z-index:2;position:relative;top:150px;transition:1s}.post111title p{font-size:15px;margin-top:auto;padding:5px;text-align:center;}.post222{opacity:1;animation:load1 3s;float:left;width:180px;height:180px;background-color:#fff;border-radius:5px;margin-left:5px;background-image:url(رابط صورة الموضوع);-webkit-animation:load1 6s;-moz-animation:load1 6s;-o-animation:load1 6s;transition:all 400ms ease-in-out 0}.post222:hover{opacity:.7}.post222title{opacity:1;width:180px;height:30px;background-color:rgba(39,39,39,.36);z-index:2;position:relative;top:150px;transition:1s}.post222title p{font-size:15px;margin-top:auto;padding:5px;text-align:center;}.post333{opacity:1;animation:load1 4s;float:left;width:180px;height:180px;background-color:#fff;border-radius:5px;margin-left:5px;background-image:url(رابط صورة الموضوع);-webkit-animation:load1 5s;-moz-animation:load1 5s;-o-animation:load1 5s;transition:all 400ms ease-in-out 0}.post333:hover{opacity:.7}.post333title{opacity:1;width:180px;height:30px;background-color:rgba(39,39,39,.36);z-index:2;position:relative;top:150px;transition:1s}.post333title p{font-size:15px;margin-top:auto;padding:5px;text-align:center;}.post444{opacity:1;animation:load1 5s;float:left;width:180px;height:180px;background-color:#fff;border-radius:5px;margin-left:5px;background-image:url(رابط صورة الموضوع);-webkit-animation:load1 4s;-moz-animation:load1 4s;-o-animation:load1 4s;transition:all 400ms ease-in-out 0}.post444:hover{opacity:.7}.post444title{opacity:1;width:180px;height:30px;background-color:rgba(39,39,39,.36);z-index:2;position:relative;top:150px;transition:1s}.post444title p{font-size:12px;margin-top:auto;padding:5px;text-align:center;}.post555{opacity:1;animation:load1 6s;float:left;width:180px;height:180px;background-color:#fff;border-radius:5px;margin-left:5px;background-image:url(رابط صورة الموضوع);-webkit-animation:load1 3s;-moz-animation:load1 3s;-o-animation:load1 3s;transition:all 400ms ease-in-out 0}.post555:hover{opacity:.7}.post555title{opacity:1;width:180px;height:30px;background-color:rgba(39,39,39,.36);z-index:2;position:relative;top:150px;transition:1s}.post555title p{font-size:15px;margin-top:auto;padding:0px;text-align:center;}.title5{animation: load1 7s;
opacity: 1;
float: left;
width: 45px;
height: 180px;
background-color: #02B302;
border-radius: 5px;
margin-left: 5px;
transition: 1s;
-webkit-animation: load1 2s;
-moz-animation: load1 2s;
-o-animation: load1 2s;}.title5 a{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#fff;position:relative;-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);font-size:20px;left:25px}

ثم نقوم بتغير ما بلون الأحمر 

الخطوة الثانية

نبحث عن الكود التالي  

</header>

  واضف اسفله الكود التالي

<!--AD code-->
<div class='blogbzm'>
<div class='post111'>
<div class='post111title'><a href='رابط الموضوع الأول' style='text-decoration:none;color:#fff;'>
<p style='font-size:18px;margin-top:auto;padding:5px;' title='اضغط للتحميل'>عنوان الموضوع الأول</p></a>
</div>
</div>
<div class='post222'>
<div class='post222title'><a href='رابط الموضوع الثاني' style='text-decoration:none;color:#fff;'>
<p style='font-size:17px;margin-top:auto;padding:5px;' title='اضغط للتحميل'>عنوان الموضوع الثاني</p></a>
</div>
</div>
<div class='post333'>
<div class='post333title'><a href='رابط الموضوع الثالث' style='text-decoration:none;color:#fff;'>
<p style='font-size:16px;margin-top:auto;padding:5px;' title='اضغط للتحميل'>عنوان الموضوع الثالث</p></a>
</div>
</div>
<div class='post444'>
<div class='post444title'><a href='رابط الموضوع الرابع' style='text-decoration:none;color:#fff;'>
<p style='font-size:18px;margin-top:auto;padding:5px;' title='اضغط للتحميل'>عنوان الموضوع الرابع dll</p></a>
</div>
</div>
<div class='post555'>
<div class='post555title'><a href='رابط الموضوع الخامس' style='text-decoration:none;color:#fff;'>
<p style='font-size:18px;margin-top:auto;padding:5px;' title='اضغط للتحميل'>عنوان الموضوع الخامس</p></a>
</div>
</div>
<div class='title5'><h1 style='-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#fff;position:relative;top:80px;-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);' title='اضغط للمزيد'><a href='ضع هنا رابط مدونتك' style='color:#fff;'>حصريات</a></h1></div>
</div>
<!--AD code-->

مع تغير الكلمات الملون با ما هو مناسب تحياتي 

 واضغط حفظ القالب 

√ فى انتظار تعليقاتكم المشجعة على تقديم المزيد √ 

Eslam Ahmed

1:36 م

الموضوع كامل

حصريا:قالب بلوجر خيالي قالب مدونة ابداعاتى الحالى

السلام عليكم ورحمة الله وبركاته في موضوع حصري علي مدونة الشباب العربي 

قالب مدونة ابداعاتي +قالب مدونة الشباب العربى  الإحترافي الأول مرة 

معاينة

مميزات القالب:

قالب مميز و بسيط في شكله لكنه قوي  ويدعم خصائص عدة منها:

مناسب لعرض الفيديو والصور

صديق لمحركات البحث حيث يدعم Meta Tag كاملة

عرض الصور على الرئيسية مع خاصية" أقرأ المزيد" التلقائية

مناسب لعرض الوصلات الإشارية كأدسنس Google AdSense ...

لون الخلفية هادي وخفيف على رؤية العين  .

يدعم خاصية التدوين المصغر .

يدعم خاصية تحريك الصور بشكل مائل .

يضم خاصية Ifram . و الكثير من المميزات الهامة ... 

الإضافات والأدوات :

إضافة أقرأ المزيد التلقائية

الأزرار الإجتماعية فيسبوك ،تويتر 

إضافة إخفاء وإظهار التعليقات

إضافة السمايلات على التعليقات

إضافة تعريف كاتب الموضوع " بقلم فلان"

إضافة زر الرد على التعليقات

حذف خاصية " أقرأ المزيد من الصفحات الثابتة

خاصية الروابط التلقائية

فتح جميع الروابط الخارجية في صفحة جديدة

إيقونة Favicon

تعديل اليمتا تاج :

 تحرير Html و في أعلى محرر القالب ستجد الأكواد الآتية،

عدل ما أشير إلى إمكانية تعديله وفق بيانات مدونتك ثم احفظ قالبك.

  <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' وصف المدونة' name='description'/>
<meta content='كلمات , دلائلية' name='keywords'/>
<meta content='رابط بانر' name='og:image'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='إسمك بالإنجليزية' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلدك بالإنجليزية' name='country'/>
</b:if>
    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if> 

لكي يتم ارسال القالب لك نفذ هذه الشروط التالية

انضم الي اعضاء المدونة من هنا 

والفيسبوك من هنا 

و الصفحة الثانية من هنا 

وبعد تنفيذ هذه الشروط البسيطة ضع اميلك في تعليق وسيتم ارساله لك

اذا واجهتك اي مشكلة ضعها في تعليق وان شاء الله الحل موجود

Eslam Ahmed

1:29 م

الموضوع كامل

اضافة القائمة الجانبية بشكل جديد

السلام عليكم ورحمة الله وبركاته والصلاة والسلام على سيدنا محمد

اضافة القائمة الجانبية بشكل جديد  يمكنك استخدام القائمة فى وضع صفحات او اقسام الموقع

صورة القائمة

تركيب الاضافة:

1-التخطيط >>اضافة اداة>>

HTML/JavaScript

انسخ الكود ثم اعمل حفظ

تحميل الكود 

<style>#vbar ul{list-style-type:none;list-style: none;margin:0px;padding:0px 8px 6px 8px;border-top:1px solid #d6d6d6;}#vbar ul li{background:#f8f7f7;padding:10px 10px;margin-right: 6px;color:#666;box-shadow:inset 0 0 1px #fff;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;margin:0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar ul li:hover{background:#efefef;box-shadow:inset 0 0 2px #ddd;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar a{text-decoration:none;color:#2D2D2D;}#vbar a:hover{text-decoration:none;color:#037DFF;}#vbar h2{margin:8px;color:#666;border:1px solid #d6d6d6;background: -moz-linear-gradient(top, #f8f8f8, #eaeaea);background: -webkit-gradient(linear top, #f8f8f8, #eaeaea);background: -ms-linear-gradient(top, #f8f8f8, #eaeaea);background: -o-linear-gradient(top, #f8f8f8, #eaeaea);padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;}#vbar ul li a {color:#000;font-size:12px;font-family: Tahoma, Arial;font-weight: normal;text-decoration: none;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar .widget { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; box-shadow:inset 0 0 4px #eee; }.menu a img {float:right;padding-left:10px;}</style> <div id="vbar"><ul><li class="menu"><a href="http://blogger/"><img src="http://im38.gulfup.com/jFpV7.png" />الرئيسية</a></li><li class="menu"><a href="http://blogger/2013/08/add-comment-facebook.html"><img src="http://im38.gulfup.com/U00k5.png" />من نحن</a></li><li forclass="menu"><a href="http://blogger/2013/08/You-Might-Also-Like.html"><img src="http://im38.gulfup.com/SrrEm.png" />سجل الزوار</a></li><li class="menu"><a href="http://blogger/search/label/%D8%A7%D9%84%D8%B1%D8%A8%D8%AD"><img src="http://im35.gulfup.com/V9qDM.png" />الربح</a></li><li class="menu"><a href="http://blogger/">
<img src="http://im38.gulfup.com/LmV2W.png" />اتصل بنا</a></li></ul></div>

Eslam Ahmed

5:40 ص

الموضوع كامل

تغير شكل الاقتباس داخل التدوينة في مدونة بلوجر

تغير شكل الاقتباس داخل التدوينة في مدونة بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم

السلام عليكم ورحمة الله وبركاته .

تغير شكل الاقتباس داخل التدوينة في مدونة بلوجر

درس بسيط انشاء الله للمهتمين بتغير شكل الاقتباس داخل تدويناتهم .

الشكل  : 

تغير شكل الاقتباس داخل التدوينة في مدونة بلوجر

الكود  : 

.post blockquote {

max-height: 400px !important;

clear: both !important;

padding: 0 10px 10px 10px !important;

border: 1px solid #DDD !important;

color: #666 !important;

direction: ltr !important;

text-align: left !important;

border-radius: 4px !important;

font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important;

line-height: 1.6em !important;

-ms-overflow-x: auto !important;

overflow-x: auto !important;

position: relative !important;

z-index: 50 !important;

background: #FFF !important;

}

.post blockquote:before {

content: " CODE --> copy/past this code and Enjoy --> ";

padding: 0px 20px;

margin: 0 -10px 5px -10px;

border-bottom: 3px solid #A4D3DF;

display: block;

background: #E5F8FD url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat;

color: #A4B1B8;

}

طريقة التركيب : 

• ادخل القالب وابحث عن  <b:skin><![CDATA[
• وضع الكود اسفلها مباشرة .

Eslam Ahmed

5:24 ص

الموضوع كامل

قائمة جانبيه أحترافيه لمدونات بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على خير خلق الله , سيدنا محمد عليه الصلاة واتم التسليم

السلام عليكم ورحمة الله وبركاته .

قائمة جانبيه أحترافيه بخصائص CSS3 - ستعجبك !

اليوم كالعادة درس جديد وإضافة جميلة ولا أروع , الأضافة من تعديلي وتطويري وقمت بدعمها بأفضل خصائص الـ CSS3 لمتابعين مدونتي فقط :)

القائمة الجانبيه هذه تتميز بخصائص جدأَ رائعه ومن أفضل المميزات انها حصريه وخفيفه جداَ ومنظرها انيق لكل المدونات ولكل الأذواق بأذن الله .

على العموم لن اطيل وللنبداء :

نأخذ اولاَ صورة : 

طريقة التركيب : 

1. ادخل مدونتك .
2. ثم التخطيط .
3. أضف اداة عبارة عن HTML.
4. انسخ والصق هذا الكود بها مع تعديل ما سأذكره : 

<div class='menu-by-7lolblogger'>
  <ul>
<li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
<li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
<li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
<li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
 <li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com//">مدونة الشباب العربى</a>
</li>
 <li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
 <li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
 <li>
<a dir="rtl" href="http://eslam-arabs.blogspot.com/">مدونة الشباب العربى</a>
</li>
</ul>
</div>
<style>
  /* this is menu by : http://blog.7lolblogger.com -- */
.menu-by-7lolblogger ul{width:300px;float:right;display:block;}.menu-by-7lolblogger li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-7lolblogger li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-by-7lolblogger li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-by-7lolblogger li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-by-7lolblogger li a:hover:after{left:-.5em;border-left-color:#39C4FF;}
</style>

         استبدله بالرابط .
         استبدله بأسم الرابط .

الكود تصميم :حلول بلوجر 

Eslam Ahmed

5:10 ص

الموضوع كامل

موقع لمشاهدة الشكل الذي يظهر عليه موقعك على الهواتف أو التابلتات وأجهزة أخرى

السلام عليكم ورحمة الله وبركاته

في عصرنا الحالي أصبح الناس تتنوع في اقتناء الأجهزة الإلكترونية مع التطور الذي أصبحنا نشاهده خصوصا في أسواق الهواتف الذكية والتابلتات ...إلخ ، حيث يفضل البعض أحيانا تصفح الأنترنت باستعمال هذه الأجهزة .

 وإذا كنت تمتلك موقع معين على شبكة الأنترنت فأعتقد أنه من المهم جدا معرفة كيف يبدو تصفح الموقع على هذه الأجهزة ، حتى تستطيع إصلاح ما قد يعكر أجواء الموقع عندما يزوره زائر معين ، ومن هنا جاءت فكرة موقع placeit الذي تستطيع من خلاله مشاهدة الشكل الذي يظهر عليه موقعك على أنواع كثيرة من الهواتف والتابلت 

 أولا تقوم بتسجيل الدخول إلى الموقع عبر الرابط التالي 

placeit  

بعد الدخول إلى الموقع فسوف تشاهد على يساره قائمة بنواع كثيرة من الهواتف والتابلتات ، تختار أي نوع وتضغط على الصورة ثم تظيف رابط موقعك مع  انتظار قليلا حتى يظهر الشكل الذي يظهر عليه في الجهاز 

في الأخير يمكنك الضغط على download لتحميل الصورة في حالة ما رغبت في ذلك.

Eslam Ahmed

3:56 ص

الموضوع كامل

[seo] كيف تقوم بتقوية الأرشفة في مدونة بلوجر الى اقصى حد

بسم الله الرحمن الرحيم

والصلاة والسلام على اشرف الأنبياء والمرسلين سيدنا محمد عليه وعلى اله افضل الصلاة واتم التسليم

السلام عليكم ورحمة الله وبركاته .

قبل البدئ فى التدوين عليك بالقيام ببعض التحسينات لتقوية السيو الداخلى الخاص بمدونتك .

هنالك بعض التحسينات الأساسية التى يجب أن يقوم بها أى مدون مقبل على إنشاء مدونة جديدة أو يرغب فى تحسين قوة السيو الداخلى أو ما يعرف بـ On Page SEO مما يختصر لك طريق طويل فى حملة السيو الخارجية الخاصة بك Off Page SEO هذه التعديلات ستقوم بتحسين أداء موقعك ونتائجه فى محركات البحث بشكل كبير .

اولا:  إضافة تاج No Follow لجميع الروابط الخارجية - External Links : 

• - إدخل على قالب
• تحرير HTML
• قم بالبحث عن <head> 
• ثم قم بإضافة الكود التالى أسفلها مباشرة :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function () {
jQuery('a[href*=&quot;http://&quot;]:not([href*=&quot;http://eslam-arabs.blogspot.com/ &quot;])').attr('rel', 'nofollow');
jQuery('a[href*=&quot;https://&quot;]:not([href*=&quot;http://eslam-arabs.blogspot.com/ &quot;])').attr(&quot;target&quot;, &quot;_blank&quot;);
});
</script>

قم بإستبدال http://eslam-arabs.blogspot.com/ برابط مدونتك

ما الذى سيفيدك من إضافة هذا الكود ؟
هل قمت بحملة باك لنكس قد إستغرقت فتره طويلة ؟ , هل قمت بكتابة محتوى حصرى وعالى الجودة وقمت بتضمينه بعض الصور والروابط المرجعية لبعض المواقع الإخرى محاولاً إفادة الزائر , هل تعلم أن كل رابط خارجى فى موقعك غير مضمن به تاج NoFollow سوف يقوم بسحب البيدج رانك الخاص بصفحتك , مما سيضعف نتيجة حملة السيو الخاصة بك بشكل كبير , هذا الكود سوف يضمن أى رابط خارجى فى موقعك بتاج NoFollow مما سيقوى نتائج مواضيعك فى محركات البحث .

Eslam Ahmed

2:31 ص

الموضوع كامل